﻿
*
{
	margin: 0px;
	padding: 0px;
}


body
{
	background-image: url('../Images/background.png');
	background-repeat: repeat-x;
	background-position: left top;
}

#wrapper
{
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
	background-image: url('../Images/shadow.png');
	background-position: left top;
	background-repeat: repeat-y;
}

#header
{
	width: 960px;
	height: 130px;
}

#main-body
{
	width: 960px;
}

#footer
{
	width: 960px;
	height: 50px;
	text-align: center;
	padding-top: 20px;
	margin-top: 5px;
	font-weight: bold;
	background-color: #CC9900;
	color: black;
}

.left-shadow
{
	background-image: url('../Images/left-shadow.png');
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	width: 10px;
	height: 100%;
}

#title-cart
{
	color: Yellow;
	font-weight: bold;
	margin: 20px auto auto 50px;
}


#info-cart
{
	float: left;
	margin-top: 10px;
	margin-left: 15px;
}


#order
{
	float: right;
	margin-right: 15px;
	margin-top: 10px;
}

#order a, #info-cart a
{
	text-decoration: none;
	color: #0000CC;
}

#order a:hover, #info-cart a:hover
{
	text-decoration: underline;
}


.right-shadow
{
	background-image: url('../Images/right-shadow.png');
	background-repeat: repeat-y;
	background-position: left top;
	float: right;
	width: 10px;
	height: 100%;
}

#body-header
{
	background-image: url('../Images/header.png');
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
}

#logo
{
	float: left;
	background-image: url('../Images/logo-02.png');
	background-position: 10px top;
	background-repeat: no-repeat;
	height: 100px;
	width: 350px;
}

#shoping-cart
{
	float: right;
	margin-right: 10px;
	background-position: right top;
	background-image: url('/Images/shoping-cart.png');
	background-repeat: no-repeat;
	width: 200px;
	height: 80px;
}

#sitemap
{
	width: 960px;
	height: 25px;
	background-color: white;
}

.left-main-body
{
	float: left;
	width: 697px;
	margin-left: 1px;
}

.left-main-body .child
{
	border: 1px solid #CCCCCC;
	background-color: white;
	margin-top: 10px;
}

.left-main-body-header
{
	float: left;
	width: 685px;
	height: 25px;
	padding-left: 10px;
	font-weight: bold;
	background-image: url('../Images/main-body-left-header.png');
	background-position: left top;
	background-repeat: no-repeat;
	color: #333333;
}

.sep-horizontal
{
	background-image: url('../Upload/dot.gif');
	background-repeat: repeat-x;
	background-position: left top;
	height: 3px;
}

.content
{
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.right-main-body
{
	float: right;
	width: 252px;
	margin-right: 1px;
}

.right-main-body .child
{
	border: 1px solid #CCCCCC;
	background-color: White;
	margin-top: 10px;
}

.right-main-body-header
{
	float: right;
	width: 240px;
	height: 25px;
	padding-left: 10px;
	font-weight: bold;
	background-image: url('../Images/main-body-right-header.png');
	background-position: left top;
	background-repeat: no-repeat;
	color: #333333;
}

.content-left
{
	background-image: url('/Upload/dot.gif');
	background-repeat: repeat-y;
	background-position: right center;
	float: left;
	width: 330px;
	padding-right: 10px;
}

.content-right
{
	float: right;
	width: 325px;
	padding-left: 10px;
}



/* MENU */
#mainMenu
{
	background-image: url('../Images/main-menu.png');
	background-repeat: repeat-x;
	background-position: left top;
	width: 960px;
	height: 30px;
}

#mainNav, #mainNav ul
{
	list-style: none;
	line-height: 1.8em;
}


#mainNav a:link
{
	text-decoration: none;
	font-weight: bold;
	color: white;
	display: block;
	padding: 0 20px;
}

#mainNav a:visited
{
	text-decoration: none;
	font-weight: bold;
	color: white;
	display: block;
	padding: 0 20px;
}

#mainNav a:active
{
	text-decoration: none;
	font-weight: bold;
	color: white;
	display: block;
	padding: 0 20px;
}

#mainNav a:hover
{
	color: #FF6600;
}


#mainNav li
{
	float: left;
	position: relative;
}

#mainNav ul
{
	position: absolute;
	width: 12em;
	top: 1.8em;
	display: none;
	border-left: solid 1px black;
	border-right: solid 1px black;
}

#mainNav li ul a
{
	float: left;
	width: 152px;
	color: Blue;
	background-color: Gray;
	border-bottom: solid 1px black;
}

#mainNav li:hover ul
{
	display: block;
}

#mainNav li
{
	background-image: url('../Images/sep-main-menu.png');
	background-repeat: no-repeat;
	background-position: right top;
}



/*clearfix*/
.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix
{
	zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix
{
	zoom: 1;
}
/* IE7 */